<?php
/** @var yii\web\View $this */
use yii\helpers\Html;
use yii\helpers\Url;

$this->title = '模板';
$this->params['breadcrumbs'][] = $this->title;
?>
<p class="text-right">
<?= Html::a('发送信息', ['send'], ['class' => 'btn btn-primary']) ?>
</p>
<?= Html::beginForm(['set-industry'], 'post', ['id' => 'industry_form']) ?>
<div class="form-group">
    <select size="41" name="industry[]" id="industry" multiple class="form-control">
        <optgroup label="IT科技">
            <option value="1">互联网/电子商务</option>
            <option value="2">IT软件与服务</option>
            <option value="3">IT硬件与设备	</option>
            <option value="4">电子技术	</option>
            <option value="5">通信与运营商</option>
            <option value="6">网络游戏</option>
        </optgroup>
        <optgroup label="金融业">
            <option value="7">银行</option>
            <option value="8">基金|理财|信托</option>
            <option value="9">保险</option>
        </optgroup>
        <optgroup label="餐饮">
            <option value="10">餐饮</option>
        </optgroup>
        <optgroup label="酒店旅游">
            <option value="11">酒店</option>
            <option value="12">旅游</option>
        </optgroup>
        <optgroup label="运输与仓储">
            <option value="13">快递</option>
            <option value="14">物流</option>
            <option value="15">仓储</option>
        </optgroup>
        <optgroup label="教育">
            <option value="16">培训</option>
            <option value="17">院校</option>
        </optgroup>
        <optgroup label="政府与公共事业">
            <option value="18">学术科研</option>
            <option value="19">交警</option>
            <option value="20">博物馆</option>
            <option value="21">公共事业|非盈利机构</option>
        </optgroup>
        <optgroup label="医药护理">
            <option value="22">医药医疗</option>
            <option value="23">护理美容</option>
            <option value="24">保健与卫生</option>
        </optgroup>
        <optgroup label="交通工具">
            <option value="25">汽车相关</option>
            <option value="26">摩托车相关</option>
            <option value="27">火车相关</option>
            <option value="28">飞机相关</option>
        </optgroup>
        <optgroup label="房地产">
            <option value="29">建筑</option>
            <option value="30">物业</option>
        </optgroup>
        <optgroup label="消费品">
            <option value="31">消费品</option>
        </optgroup>
        <optgroup label="商业服务">
            <option value="32">法律</option>
            <option value="33">会展</option>
            <option value="34">中介服务</option>
            <option value="35">认证</option>
            <option value="36">审计</option>
        </optgroup>
        <optgroup label="文体娱乐">
            <option value="37">传媒</option>
            <option value="38">体育</option>
            <option value="39">娱乐休闲</option>
        </optgroup>
        <optgroup label="印刷">
            <option value="40">印刷</option>
        </optgroup>
        <optgroup label="其它">
            <option value="41">其它</option>
        </optgroup>
    </select>
</div>
    <div class="form-group">
        <button class="btn btn-primary">提交</button>
    </div>
<?= Html::endForm() ?>
<?= Html::beginForm(['set-industry'], 'post', ['id' => 'industry_form']) ?>
模板的编号
<input type="text" id="template_id_short">
<a href="javascript;" id="get_template_id" data-href="<?= Url::to(['get-template-id'], true) ?>">获取模板ID</a>
<?= Html::endForm() ?>
<?php
$js = <<<'EOT'
var $industry = $('#industry').click(function(e) {
    if (this.selectedOptions.length >= 2) {
        $(this.options).prop('disabled', true);
        $(Array.prototype.slice.call(this.selectedOptions,0, 2)).each(function() {
            this.disabled = false;
        })
        $(Array.prototype.slice.call(this.selectedOptions,2)).each(function() {
            this.selected = false;
        })
    } else {
        $(this.options).prop('disabled', false);
    }
});
$('#industry_form').submit(function(e) {
    if ($industry[0].selectedOptions.length !== 2) {
        alert('请选择两个行业');
        return false;
    }
    $.ajax({
        type: 'post',
        url: this.action,
        data: $(this).serialize()
    }).done(function(resp) {
        alert(resp.msg);
    }).fail(function() {
        alert('设置失败');
    });
    return false;
});
$('#get_template_id').click(function() {
    $.ajax({
        type: 'post',
        url: $(this).data('href'),
        data: {template_id_short: $('#template_id_short').val()}
    }).done(function(resp) {
        alert(resp.msg);
    }).fail(function() {
        alert('获取失败');
    });
    return false;
});
EOT;
$this->registerJs($js);
